
/*
学习目标:使用JS的函数或者箭头函数创建的组件
总结：
    为了区分普通标签，函数组件的名称必须 `大写字母开头`
    函数组件`必须有返回值`，表示该组件的结构
    如果组件不渲染任何内容，可以返回 null

*/
import React from "react";
import ReactDOM from "react-dom";


function Hello() {
    return (
        <div>这是我的函数组件</div>
    )
}
// 箭头函数创建的组件
const Good = () => <div>goods boy</div>
const h1Node = (<div>
    <Hello></Hello>
    <Good></Good>
</div>)



// 渲染元素
// ReactDOM.render(创建的React元素,真实DOM作为挂载点)
ReactDOM.render(h1Node, document.getElementById('root'))